<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>GeoCalibration</title>
    <link rel="stylesheet" href="<%= BASE_URL %>assets/css/antd.css"type="text/css" /> 
    <link rel="stylesheet" href="<%= BASE_URL %>assets/css/ol.css"type="text/css" />
    <script src="<%= BASE_URL %>assets/js/ol.js" type="text/javascript"></script>
    <link rel="stylesheet" href="<%= BASE_URL %>assets/css/all.css"type="text/css" />
  </head>
  <script type="text/javascript">
    window.server_url= "/"
    // window.server_url = "http://172.16.104.192:8002/"
    // window.server_url = "http://127.0.0.1:8006/" 
    // window.server_url = "http://172.16.102.40:8002/" 
  </script>
  <style type="text/css">
    #Loading {
      top:50%;
      left:50%;
      position:absolute;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      Z-index:10;
    }
    @-webkit-keyframes ball-beat{
      50%{
        opacity: 0.2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
      }
      100%{
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }
    @keyframes ball-beat{
      50%{
        opacity: 0.2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
      }
      100%{
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }
    .ball-beat > div {
      background-color: #279fcf;
      width: 10px;
      height: 10px;
      border-radius: 100% !important;
      margin: 2px;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      display: inline-block;
      -webkit-animation: ball-beat 0.7s 0s infinite linear;
      animation: ball-beat 0.7s 0s infinite linear;
    }
    .ball-beat> div:nth-child(2n-1) {
      -webkit-animation-delay: 0.35s !important;
      animation-delay: 8.35s !important;
    }
  </style>
  <!-- class="black-white" -->
  <body >
    <div id="Loading">
      <div class="loader-inner ball-beat">
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
    <div id="app" class="geopro"></div>
  </body>
  <script type="text/javascript">
    Date.prototype.format = function(fmt,ticks)   
    {   
      var o = {   
        "M+" : this.getMonth()+1,                 //月份   
        "d+" : this.getDate(),                    //日   
        "h+" : this.getHours(),                   //小时   
        "m+" : this.getMinutes(),                 //分   
        "s+" : this.getSeconds(),                 //秒   
        "q+" : Math.floor((this.getMonth()+3)/3), //季度   
        "S"  : this.getMilliseconds()             //毫秒   
      };
      if(ticks && ticks<1000000000000){
        o["h+"]=0;
      }   
      if(/(y+)/.test(fmt))   
        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));   
      for(var k in o)   
        if(new RegExp("("+ k +")").test(fmt))   
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));   
      return fmt;   
    }
    String.prototype.endWith = function (endStr) {
      var d = this.length - endStr.length;
      return (d >= 0 && this.lastIndexOf(endStr) == d)
    }
  </script>
</html>
